<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>
        //发送异步请求
        function f() {
            var x;
            //核心对象
            if (window.XMLHttpRequest)
                x = new XMLHttpRequest()
            else x = new ActiveXObject("Microsoft.XMLHTTP")

            //连接
            x.open("get", "hello-servlet?username=wang", false)
            //发送请求
            x.send()

            // 接受并处理来自服务器的响应结果
            /**
             * 方式：x.responseTest
             * 获取时间：响应成功后
             *
             * 当对象x就绪状态改变时，会发生事件
             */
            x.onreadystatechange=function (){
            if(x.readyState==4&&x.status==200)
                //
                alert(x.responseText )
                // document.getElementById("div1").innerHTML=x.responseText;

            }
        }
    </script>

</head>
<body>
<input type="button" value="ajax请求" onclick="f()">
<input>

</body>
</html>